<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <link rel="icon" href="http://124.221.62.120:3000/api/favicon.ico">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>新闻首页</title>
    <script src="./node_modules/jquery/dist/jquery.min.js"></script>
    <link rel="stylesheet" href="./src/css/nav/search.css">
    <link rel="stylesheet" href="./src/css/nav/nav.css">
    <script src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css">
    <script src="./node_modules/art-template/lib/template-web.js"></script>
    <link rel="stylesheet" href="./src/css/index/title.css">
    <link rel="stylesheet" href="./src/css/index/login_box.css">
    <link rel="stylesheet" href="./node_modules/bootstrap-icons/font/bootstrap-icons.css">
    <script src="./config.js"></script>
    <link rel="stylesheet" href="./src/css/index/rotate.css">
    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />
    <link rel="stylesheet" href="./src/css/index/container.css">
    <link rel="icon" href="./src/img/icon1.jpg" type="image/x-icon" />
    <link rel="shortcut icon" href="./src/img/icon1.jpg" type="image/x-icon" />
    <link rel="stylesheet" href="./src/css/index/tab_list.css">
    <link rel="stylesheet" href="./src/css/index/activity_list.css">
    <link rel="stylesheet" href="./src/css/index/roll_list.css">
    <link rel="stylesheet" href="./src/css/index/footer.css">
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        body {
            background-color: white;
        }

        /*  */
        #suggest-list {
            position: fixed;
            top: 86px;
            left: 51%;
            margin-left: -243px;
            display: none;
            z-index: 1000;
        }

        .list-group-item {
            height: auto;
            /* overflow: hidden; */
        }

        .list-group-item a {
            color: black;
        }

        .list-group-item li:hover {
            background-color: #f5f5f5;
        }
    </style>
</head>

<body>
    <div class="news_container">
        <div class="nav">
            <p>欢迎页</p>
        </div>
        <ul class="nav_left">
            <li>欢迎来到新闻网站！</li>
            <li>这里有任何你想知道的！</li>
            <li>学你所学！</li>
            <li>了解世界大小事！</li>
        </ul>
    </div>
    <div class="search-wrapper">
        <div class="input-holder">
            <input type="text" id="ipt" class="search-input" placeholder="Type to search" />
            <button class="search-icon" id="ipt" onclick="searchToggle(this, event);"><span></span></button>
        </div>
        <span class="close" onclick="searchToggle(this, event);"></span>
    </div>
    <!-- 搜索建议列表 -->
    <div id="suggest-list" style="width: 500px;">
        <ol class="list-group list-group-numbered">
            <li class="list-group-item">Cras justo odio</li>
        </ol>
    </div>
    <div class="login_box">
        <div class="login_box_login"><a href="./login.html"><button type="button" class="btn btn-outline-danger"><i
                        class="bi bi-hourglass-split"></i>登录</button></a></div>

        <div class="login_box_image"><button type="button" class="btn btn-outline-danger"><i
                    class="bi bi-file-earmark-person-fill"></i>用户</button></div>
    </div>

    <div class="swiper mySwiper">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><a href="#"><img src="./src/img/img-1.jpg"></a></div>
            <div class="swiper-slide"><a href="#"><img src="./src/img/img-2.jpg"></a></div>
            <div class="swiper-slide"><a href="#"><img src="./src/img/img-3.jpg"></a></div>
            <div class="swiper-slide"><a href="#"><img src="./src/img/img-4.jpg"></a></div>
            <div class="swiper-slide"><a href="#"><img src="./src/img/img-5.jpg"></a></div>
            <div class="swiper-slide"><a href="#"><img src="./src/img/img-6.jpg"></a></div>
            <div class="swiper-slide"><a href="#"><img src="./src/img/img-7.jpg"></a></div>
            <div class="swiper-slide"><a href="#"><img src="./src/img/img-8.jpg"></a></div>
            <div class="swiper-slide"><a href="#"><img src="./src/img/img-9.jpg"></a></div>
        </div>
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
        <div class="swiper-pagination"></div>
    </div>

    <div class="container">
        <div class="row">
            <!--用来抵消，下面栅格的内部，跟标题保持一样的样式-->
            <div class="col-sm-2">
                <div class="hidden-xs list-group side-bar">
                    <a href="#" class="list-group-item active">新浪首页</a>
                    <a href="#" class="list-group-item">新浪湖北</a>
                    <a href="#" class="list-group-item">咨询</a>
                    <a href="#" class="list-group-item">公益</a>
                    <a href="#" class="list-group-item">投诉</a>
                    <a href="#" class="list-group-item">城市</a>
                    <a href="#" class="list-group-item">鲜城</a>
                    <a href="#" class="list-group-item">旅游</a>
                    <a href="#" class="list-group-item">导航</a>
                    <a href="#" class="list-group-item">跑步</a>
                    <a href="#" class="list-group-item">同城</a>
                </div>
            </div>
            <!--需要使用循环列表-->
            <div class="col-sm-7">
                <ul class="news-list">
                    <!-- <li class="news-list-item clearfix">
                        <div class="news-list-img"><a href="#"><img src="./src/img/news_1.jpg"></a></div>
                        <div class="news-list-title">
                            <div class="title"><a
                                    href="#">Benchy是一个独特的,现代的,漂亮的,干净的和优雅的博客网站HTML5和CSS3模板。这套响应式的HTML5模板特别为杂志,创建个人博客、报纸和写作。自适用手机端设备,完全可定制的,独特的网页设计。
                                </a></div>
                            <div class="author_title">
                                <span class="time_address">05-15&nbsp;&nbsp;&nbsp;12:30&nbsp;&nbsp;&nbsp;新华网</span>
                                <span class="author"><a href="#"><i class="bi bi-chat-dots-fill"></i></a></span>
                            </div>
                        </div>
                    </li> -->

                </ul>
            </div>
            <div class="col-sm-3">
                <div class="search-bar">
                    <input type="search" class="form-control" placeholder="搜索本网站">
                </div>
                <div class="side-bar-card police clearfix">
                    <div class="note_img">&nbsp;&nbsp;<a href="#"><i
                                class="bi bi-envelope-plus-fill"></i></a>&nbsp;&nbsp;&nbsp;绿色上网
                    </div>
                    <div>不良信息举报专栏</div>
                    <div>举报电话：888888</div>
                </div>
                <div class="side-bar-card ">
                    <div class="card-title">资讯专题</div>
                    <div class="card-body">
                        <div class="list">
                            <div class="item">
                                <div class="title"><a href="#">600余尾中华鲟放归长江</a></div>
                                <div class="desc">200w点赞，10w评论</div>
                            </div>
                            <div class="item">
                                <div class="title"><a href="#">新奇！野生动物吃上定制外卖</a></div>
                                <div class="desc">1000w点赞，100w评论</div>
                            </div>
                            <div class="item">
                                <div class="title"><a href="#">湖北疾控发布紧急提示！</a></div>
                                <div class="desc">300w点赞，20w评论</div>
                            </div>
                            <div class="item">
                                <div class="title"><a href="#">消防员15楼高空走“独木桥”救轻生女</a></div>
                                <div class="desc">500w点赞，30w评论</div>
                            </div>
                            <div class="item">
                                <div class="title"><a href="#">武汉eStarPro夺得王者荣耀春季赛冠军</a></div>
                                <div class="desc">600w点赞，35w评论</div>
                            </div>
                            <div class="item">
                                <div class="title"><a href="#">夫妻将无人超市当“免费超市” 五次偷带被警方刑拘</a></div>
                                <div class="desc">4000w点赞，300w评论</div>
                            </div>
                            <div class="item">
                                <div class="title"><a href="#">“假警察”电话骗女子转账 真民警砸车窗及时阻止</a></div>
                                <div class="desc">10w点赞，3w评论</div>
                            </div>
                            <div class="item">
                                <div class="title"><a href="#">高速路“二师兄”跳车 武汉交警紧急处置除隐患</a></div>
                                <div class="desc">200w点赞，300w评论</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container_2">
        <div class="row">
            <div class="col-sm-9">
                <div class="tab-title">最新热点</div>
                <div id="tab-list">
                    <ul id="list_tab">
                        <li class="list_active">全部</li>
                        <li>美食</li>
                        <li>购物</li>
                        <li>演出</li>
                        <li>休闲</li>
                        <li>亲子</li>
                        <li>周边游</li>
                    </ul>
                    <div>
                        <ul>
                            <li><a href="javascript:;">武汉民警3小时数近4000只鸭子化解村民纠纷</a></li>
                            <li><a href="javascript:;">湖北一高校女大学生“顶碗”练功走红网络</a></li>
                            <li><a href="javascript:;">跨越千里！湖北武汉上演“生命接力”</a></li>
                            <li><a href="javascript:;">湖北武穴两车追尾司机受伤被困 多部门紧急救人</a></li>
                            <li><a href="javascript:;">诈骗黑手伸进校园 新学期开始小心这些套路</a></li>
                            <li><a href="javascript:;">IT精英放弃高薪只因想“玩”游戏</a></li>
                            <li><a href="javascript:;">瓷砖就像选好老婆 卫生间烟道的设计</a></li>
                            <li><a href="javascript:;">湖北一男子因错过检票时间打砸深圳北站检票口被刑拘</a></li>
                            <li><a href="javascript:;">运输鲜蛋货车突然起火 黄石民警及时抢救避免损失</a></li>
                            <li><a href="javascript:;">男子交通违法持假证糊弄 襄阳交警当场识破</a></li>
                            <li><a href="javascript:;">醉驾肇事请人“顶包” 仙桃交警一眼看“破”</a></li>
                        </ul>
                    </div>
                    <div class="hide">
                        <ul>
                            <li><a href="javascript:;">醉驾肇事请人“顶包” 仙桃交警一眼看“破”</a></li>
                            <li><a href="javascript:;">运输鲜蛋货车突然起火 黄石民警及时抢救避免损失</a></li>
                            <li><a href="javascript:;">IT精英放弃高薪只因想“玩”游戏</a></li>
                            <li><a href="javascript:;">瓷砖就像选好老婆 卫生间烟道的设计</a></li>
                            <li><a href="javascript:;">跨越千里！湖北武汉上演“生命接力”</a></li>
                            <li><a href="javascript:;">武汉“85后”男子重病不治 捐献一肝两肾救三人</a></li>
                            <li><a href="javascript:;">湖北武穴两车追尾司机受伤被困 多部门紧急救人</a></li>

                        </ul>
                    </div>
                    <div class="hide">
                        <ul>
                            <li><a href="javascript:;">湖北一男子因错过检票时间打砸深圳北站检票口被刑拘</a></li>
                            <li><a href="javascript:;">西3环通透2居290万 130万2居限量抢购</a></li>
                            <li><a href="javascript:;">运输鲜蛋货车突然起火 黄石民警及时抢救避免损失</a></li>
                            <li><a href="javascript:;">独家别墅280万 苏州桥2居优惠价248万</a></li>
                            <li><a href="javascript:;">麻城警方打掉一盗窃摩托车团伙 抓获5人破案20余起</a></li>
                            <li><a href="javascript:;">武汉“85后”男子重病不治 捐献一肝两肾救三人</a></li>
                        </ul>
                    </div>
                    <div class="hide">
                        <ul>
                            <li><a href="javascript:;">麻城警方打掉一盗窃摩托车团伙 抓获5人破案20余起</a></li>
                            <li><a href="javascript:;">武汉“85后”男子重病不治 捐献一肝两肾救三人</a></li>
                            <li><a href="javascript:;">IT精英放弃高薪只因想“玩”游戏</a></li>
                            <li><a href="javascript:;">瓷砖就像选好老婆 卫生间烟道的设计</a></li>
                            <li><a href="javascript:;">麻城警方打掉一盗窃摩托车团伙 抓获5人破案20余起</a></li>
                        </ul>
                    </div>
                    <div class="hide">
                        <ul>
                            <li><a href="javascript:;">环卫工人清扫街道时捡到1根金条 主动上报归还失主</a></li>
                            <li><a href="javascript:;">麻城警方打掉一盗窃摩托车团伙 抓获5人破案20余起</a></li>
                            <li><a href="javascript:;">IT精英放弃高薪只因想“玩”游戏</a></li>
                            <li><a href="javascript:;">瓷砖就像选好老婆 卫生间烟道的设计</a></li>
                        </ul>
                    </div>
                    <div class="hide">
                        <ul>
                            <li><a href="javascript:;">男子交通违法持假证糊弄 襄阳交警当场识破</a></li>
                            <li><a href="javascript:;">麻城警方打掉一盗窃摩托车团伙 抓获5人破案20余起</a></li>
                            <li><a href="javascript:;">IT精英放弃高薪只因想“玩”游戏</a></li>
                            <li><a href="javascript:;">瓷砖就像选好老婆 卫生间烟道的设计</a></li>
                            <li><a href="javascript:;">湖北一男子因错过检票时间打砸深圳北站检票口被刑拘</a></li>
                        </ul>
                    </div>
                    <div class="hide">
                        <ul>
                            <li><a href="javascript:;">湖北一男子因错过检票时间打砸深圳北站检票口被刑拘</a></li>
                            <li><a href="javascript:;">运输鲜蛋货车突然起火 黄石民警及时抢救避免损失</a></li>
                            <li><a href="javascript:;">西3环通透2居290万 130万2居限量抢购</a></li>
                            <li><a href="javascript:;">诈骗黑手伸进校园 新学期开始小心这些套路</a></li>
                            <li><a href="javascript:;">IT精英放弃高薪只因想“玩”游戏</a></li>
                            <li><a href="javascript:;">瓷砖就像选好老婆 卫生间烟道的设计</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="activity">
                    <div class="activity_title">热门活动</div>
                    <div class="activity_list">
                        <ul class="activity_ul">
                            <li class="activity_li"><span class="activity-list-title"><a
                                        href="#">2017年武汉樱花女神海选</a></span>
                                <br><span class="activity-list-mian">即日起，只要发微博带话题#樱花女神#+与...<a href="#"
                                        class="activity-a">[详细]</a><a href="#"><button type="button"
                                            class="btn btn-primary"><i
                                                class="bi bi-pin-angle-fill"></i>点击报名</button></a></span>
                            </li>
                            <li class="activity_li"><span class="activity-list-title"><a
                                        href="#">2017年国际小丑嘉年华</a></span>
                                <br><span class="activity-list-mian">亲子共赏最欢乐的，当属大马戏。2017国...<a href="#"
                                        class="activity-a">[详细]</a><a href="#"><button type="button"
                                            class="btn btn-primary"><i
                                                class="bi bi-pin-angle-fill"></i>点击报名</button></a></span>
                            </li>
                            <li class="activity_li"><span class="activity-list-title"><a href="#">因为爱520武汉演唱会</a></span>
                                <br> <span class="activity-list-mian">这场演唱会由华晨宇、王青、武艺、李宏...<a href="#"
                                        class="activity-a">[详细]</a><a href="#"><button type="button"
                                            class="btn btn-primary"><i
                                                class="bi bi-pin-angle-fill"></i>点击报名</button></a></span>
                            </li>
                            <li class="activity_li"><span class="activity-list-title"><a
                                        href="#">2016年鲜城武汉年度餐厅</a></span>
                                <br> <span class="activity-list-mian">为打动你舌尖和心尖的美味投票，一大波...<a href="#"
                                        class="activity-a">[详细]</a><a href="#"><button type="button"
                                            class="btn btn-primary"><i
                                                class="bi bi-pin-angle-fill"></i>点击报名</button></a></span>
                            </li>
                            <li class="activity_li"><span class="activity-list-title"><a
                                        href="#">2018年武汉微博红人盛典</a></span>
                                <br> <span class="activity-list-mian">微博橙V认证绿色通道，在网红的道路上...<a href="#"
                                        class="activity-a">[详细]</a><a href="#"><button type="button"
                                            class="btn btn-primary"><i
                                                class="bi bi-pin-angle-fill"></i>点击报名</button></a></span>
                            </li>
                        </ul>
                    </div>
                </div>





            </div>
        </div>
        <div class="container_3">
            <div class="row">
                <div class="col-sm-3">
                    <div class="roll-list">
                        <div class="domes">
                            <div class="dome_top" id="dome_top" align="center">广告推广</div>
                            <div id="dome">
                                <div id="dome1">
                                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                        <tr>
                                            <td><img src="./src/img/17.jpg" alt="scroll" /></td>
                                            <td>
                                                <div class="title_1">香水</div>
                                                <font class="price">￥57.00</font><br>
                                                <font class="price_2">折扣：52折</font>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><img src="./src/img/18.jpg" alt="scroll" /></td>
                                            <td>
                                                <div class="title_1">甜美发型</div>
                                                <font class="price">￥20.00</font><br>
                                                <font class="price_2">折扣：52折</font>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><img src="./src/img/19.jpg" alt="scroll" /></td>
                                            <td>
                                                <div class="title_1">茶具</div>
                                                <font class="price">￥300.00</font><br>
                                                <font class="price_2">折扣：52折</font>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><img src="./src/img/20.jpg" alt="scroll" /></td>
                                            <td>
                                                <div class="title_1">高端茶具</div>
                                                <font class="price">￥53.00</font><br>
                                                <font class="price_2">折扣：52折</font>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><img src="./src/img/21.jpg" alt="scroll" /> </td>
                                            <td>
                                                <div class="title_1">垫套</div>
                                                <font class="price">&yen;80.00</font><br>
                                                <font class="price_2">折扣：52折</font>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><img src="./src/img/22.jpg" alt="scroll" /></td>
                                            <td>
                                                <div class="title_1">枸杞</div>
                                                <font class="price">&yen;57.00</font><br>
                                                <font class="price_2">折扣：52折</font>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><img src="./src/img/23.jpg" alt="scroll" /></td>
                                            <td>
                                                <div class="title_1">储物箱</div>
                                                <font class="price">&yen;53.00</font><br>
                                                <font class="price_2">折扣：52折</font>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><img src="./src/img/24.jpg" alt="scroll" /></td>
                                            <td>
                                                <div class="title_1">花瓶</div>
                                                <font class="price">&yen;54.00</font><br>
                                                <font class="price_2">折扣：52折</font>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><img src="./src/img/25.jpg" alt="scroll" /></td>
                                            <td>
                                                <div class="title_1">沙发</div>
                                                <font class="price">&yen;999.00</font><br>
                                                <font class="price_2">折扣：52折</font>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><img src="./src/img/26.jpg" alt="scroll" /></td>
                                            <td>
                                                <div class="title_1">紫檀</div>
                                                <font class="price">&yen;353.00</font><br>
                                                <font class="price_2">折扣：52折</font>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><img src="./src/img/27.jpg" alt="scroll" /></td>
                                            <td>
                                                <div class="title_1">瓷碗</div>
                                                <font class="price">&yen;990.00</font><br>
                                                <font class="price_2">折扣：52折</font>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                                <div id="dome2"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-9">
                    <div class="tab-title">图片新闻</div>
                    <div class="news-images">
                        <ul class="images_1">
                            <li><img src="./src/img/list_img1.jpg"></li>
                            <li><img src="./src/img/list_img2.jpg"></li>
                            <li><img src="./src/img/list_img3.jpg"></li>
                            <li><img src="./src/img/list_img4.jpg"></li>
                        </ul>
                        <ul class="images_2">
                            <li>
                                <div><a href="#">良田良用饭碗端稳</a></div>
                            </li>
                            <li>
                                <div><a href="#">奔跑的特殊药品供应商</a></div>
                            </li>
                            <li>
                                <div><a href="#">赣南乡村青年的萌物经济</a></div>
                            </li>
                            <li>
                                <div><a href="#">北归大雁略过金山岭长城</a></div>
                            </li>
                        </ul>
                        <ul class="images_3">
                            <li><img src="./src/img/list_img6.jpg"></li>
                            <li><img src="./src/img/list_img3.jpg"></li>
                            <li><img src="./src/img/list_img1.jpg"></li>
                            <li><img src="./src/img/list_img2.jpg"></li>
                        </ul>
                        <ul class="images_4">
                            <li>
                                <div><a href="#">畲乡风景美如画</a></div>
                            </li>
                            <li>
                                <div><a href="#">市民做面塑致敬最美逆行者</a></div>
                            </li>
                            <li>
                                <div><a href="#">以虫治虫防治虫害</a></div>
                            </li>
                            <li>
                                <div><a href="#">千垛油菜花开放</a></div>
                            </li>
                        </ul>

                    </div>
                </div>
            </div>
        </div>
        <footer>
            <div class="col-sm-12">
                <ul class="zuihou">
                    <li><a href="">阿里巴巴集团</a></li>
                    <li><a href="">淘宝网</a></li>
                    <li><a href="">天猫</a></li>
                    <li><a href="">聚划算</a></li>
                    <li><a href="">全球速卖通</a></li>
                    <li><a href="">阿里巴巴国际交易市场</a></li>
                    <li><a href="">1688</a></li>
                    <li><a href="">阿里妈妈</a></li>
                    <li><a href="">飞猪</a></li>
                    <li><a href="">阿里云计算</a></li>
                    <li><a href="">yunOs</a></li>
                    <li><a href="">阿里通信</a></li>
                    <li><a href="">一淘</a></li>
                    <li><a href="">万网</a></li>
                    <li><a href="">高德</a></li>
                    <li><a href="">US</a></li>
                    <li><a href="">友盟</a></li>
                    <li><a href="">虾米</a></li>
                    <li><a href="">阿里星球</a></li>
                    <li><a href="">钉钉</a></li>
                    <li><a href="">支付宝</a></li>
                    <li><a href="">优酷</a></li>
                    <li><a href="">土豆</a></li>
                    <li><a href="">阿里健康</a></li>
                    <li><a href="">阿里影业</a></li>
                </ul>
            </div>
            <div>
                <div class="footer_title">
                    <span><a href="">关于网站</a></span>
                    <span><a href="">合作伙伴</a></span>
                    <span><a href="">营销中心</a></span>
                    <span><a href="">廉正举报</a></span>
                    <span><a href="">联系客户</a></span>
                    <span><a href="">开放平台</a></span>
                    <span><a href="">诚征英才</a></span>
                    <span><a href="">联系我们</a></span>
                    <span><a href="">网站地图</a></span>
                    <span><a href="">法律声明</a></span>
                    <span><a href="">隐私权限</a></span>
                    <span><a href="">知识产权</a></span>
                </div>
                <div class="zhean">
                    <span class="foter">@2003-2022 News.com 版权所有</span>
                    <span>网络文化经营许可证: 浙网文[2013]0268-027</span>
                    <br><span>正直电信业务经营许可证： 浙B2-20080224</span>
                    <span>信息网络传播视听节目许可证：1109364号</span>
                    <br><span>互联网违法和不良信息举报电话：0571-81683755 blxxjb@alibaba-inc.com</span>
                    <p>浙江网安备 33010002000078</p>
                </div>
            </div>
        </footer>
        <div class="green">
            <div><a href="#">
                    我常逛的</a></div>
            <div><a href="#">
                    时尚</a></div>
            <div><a href="#">
                    主题市场</a></div>
            <div><a href="#">
                    淘你所爱</a></div>
            <div><a href="#">
                    猜你喜欢</a></div>
            <div><a href="#">
                    反馈</a></div>
        </div>
    </div>



    <!-- 模板结构 -->
    <script type="text/html" id="tpl-suggestList">
        <ol class="list-group list-group-numbered"></ol>
    {{each result}}
      <!--搜索建议项-->
        <li class="list-group-item"><a style="text-decoration: none;" href="http://124.221.62.120/newsclient/view.html?newsid={{$value.newsid}}">{{$value.title}}</a></li>
    {{/each}}
    </ol>

  </script>
    <script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
    <script>
        var swiper = new Swiper(".mySwiper", {
            pagination: {
                el: ".swiper-pagination",
                type: "progressbar",
            },
            navigation: {
                nextEl: ".swiper-button-next",
                prevEl: ".swiper-button-prev",
            },
        });



    </script>
    <script src="./src/js/nav/search.js"></script>
    <script src="./src/js/index/title.js"></script>
    <script src="./src/js/index/tab_list.js"></script>
    <script src="./src/js/index/search_supplement.js"></script>
    <script src="./src/js/index/roll_list.js"></script>
    <script src="./src/js/index/for_list.js"></script>

</body>

</html>